const captchaBtn = document.querySelector('.captcha');
const inputPhone = document.querySelector('.phone');
const verification = document.querySelector('#verification');
const loginButton = document.querySelector('#loginButton');

const tionCode = Math.floor(1000 + Math.random() * 9000);;
captchaBtn.addEventListener('click', function () {
    alert('验证码为：' + tionCode);
});
verification.addEventListener('input', function () {
    // 判断输入的值与验证码是否相等
    if (verification.value*1 === tionCode) {
        loginButton.classList.remove('active');
    } else {
        // 如果不相等，确保按钮保持不可点击状态（这里假设active类名控制不可点击样式）
        loginButton.classList.add('active');
    }
});
loginButton.addEventListener('click', function () {

    if (inputPhone.value*1 > 10000000000  && inputPhone.value*1 < 100000000000) {
        // 手机号正确的情况下，再判断验证码是否正确
        if (verification.value*1 === tionCode) {
            alert('登录成功');
            // 设置localStorage中的登录状态标识为已登录
            localStorage.setItem('isLoggedIn', 'true');
            // 返回到上个页面
            window.history.back();
        } else {
            alert('验证码错误，请重新输入');
        }
    } else {
        alert('手机号错误，请重新输入');
    }
});
